<section class="myasset">
  <!-- 标题 -->
  <div class="title-box">
    <h2>
      <span>财务管理/</span>我的资产</h2>
  </div>
  <!-- 我的账单明细 -->
  <div class="price-box">
    <el-row>
      <el-col :span="8">
        <div class="price-left">
          <h2>我的可用余额</h2>
          <h3>18,000.00</h3>
          <h4>全部余额
            <span>18,000.00</span>
          </h4>
          <h4>冻结余额
            <span>18,000.00</span>
          </h4>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="price-left">
          <h2>我的可用余额</h2>
          <h3 class="orgin">18,000.00</h3>
          <h4>全部余额
            <span>18,000.00</span>
          </h4>
          <h4>冻结余额
            <span>18,000.00</span>
          </h4>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="price-left right-box">
          <h2>我的可用余额</h2>
          <h3 class="orgin">1张</h3>
          <h4>全部余额
            <span>18,000.00</span>
          </h4>
          <h4>冻结余额
            <span>18,000.00</span>
          </h4>
        </div>
      </el-col>
    </el-row>
  </div>

  <!-- 表格 -->
  <div class="table">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="全部" name="first">
          <img src="../../assets/center/manjian.png" alt="">
          <img src="../../assets/center/manjian-greay.png" alt="">
          <img src="../../assets/center/manjian-greay.png" alt="">
      </el-tab-pane>
      <el-tab-pane label="可使用" name="second">可使用</el-tab-pane>
      <el-tab-pane label="已过期" name="third">已过期</el-tab-pane>
      <el-tab-pane label="已使用" name="fourth">已使用</el-tab-pane>
    </el-tabs>
  </div>
</section>
